@fontBaseSize: 12px;
@fontColorNormal: #5C6781;
@fontColorLighter: #8992a7;
@fontColorLink: #1f92ef;
@borderColor: #eee;

#safeEvents-detail {
    font-family: '宋体';
    background: #fff;
    font-size: @fontBaseSize;
    color: @fontColorNormal;
    padding-top: 20px;
    padding-bottom: 20px;
    .cell {
      line-height: 40px;
      color: @fontColorLighter;
      .level-tag{
        width:50px;
        height: 22px;
        line-height: 20px;
        border-radius: 2px;
        display: inline-block;
        text-align: center;
        background-color: #ffffff;
      }
      .level-tag-normal{
          color:#52cb7b;
          border:1px solid #52cb7b;
      }
      .level-tag-low-risk{
          color:#FFC833;
          border:1px solid #FFC833;
      }
      .level-tag-middle-risk{
          color:#FF9933;
          border:1px solid #FF9933;
      }
      .level-tag-high-risk{
          color:#FF6633;
          border:1px solid #FF6633;
      }
      .level-tag-serious{
          color:#FF3333;
          border:1px solid #FF3333;
      }
    }
    .at-table .cell, .at-table__footer-wrapper, .at-table__header-wrapper {
      margin-top: -1px;
    }
    .treeTable .ms-tree-space {
      width: 0px;
    }
    .treeTable .cell {
      white-space: normal;
      font-family: "宋体"
    }
  .details-desc {
    font-weight: bolder;
    font-size: 14px;
    padding-left: 20px;
  }
  .details-body {
    padding: 0 20px;
    .manyChildren .info-content {
      padding-top: 20px;
    }
    .details-part {
      margin-top: 20px;
      border: 1px solid @borderColor;
      .info-title, .children-title {
        padding-left: 20px;
        height: 50px;
        font-size: 14px;
        line-height: 50px;
        font-weight: bolder;
      }
      .children-title {
        font-weight: normal;
      }
      .children-title {
        border: 1px solid @borderColor;
        border-bottom: none;
      }
      .info-content {
        border-top: 1px solid @borderColor;
        font-size: 0;
        .children {
          padding: 0 20px 20px;
        }
        .chidren-content {
          border: 1px solid @borderColor;
        }
        .item {
          display: inline-flex;
          display: -webkit-inline-flex;
          width: 49.5%;
          font-size: @fontBaseSize;
          .cell--label {
            width: 170px;
            text-align: right;
            padding-right: 15px;
            background: #fff;
            line-height: 40px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .cell {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 40px;
            color: @fontColorLighter;
            padding-left: 20px;
          }
        }
        .odd:last-child
        {
          width: 100%;
        }
      }

    } 
    .json-list-wrap {
      .json-head {
        border: 1px solid @borderColor;
        border-bottom: none;
        margin-top: 20px;
        height: 50px;
        padding: 0 20px;
        line-height: 50px;
        .json-title {
          display: inline-block;
          font-weight: bold;
          color: #5c6781;
          font-size: 14px;
        }
        .json-btn {
          float: right;
          .saas-icon-res-down {
            font-size: 20px;
            vertical-align: sub;
            margin-right: 5px;
            vertical-align: -4px;
          }
        }
      }
      .json-list {
        border: 1px solid @borderColor;
        padding: 20px 20px 20px;
        thead {
          display: none;
        }
        tbody tr td{
          &:last-child {
            padding-left: 2px;
          }
          &:first-child {
            text-align: right;
          }
        }
      }
    }
  }
}